export const imagerror = {
    inserted(dom, options) {
        // dom：代表当前图片
        // options：代表传递过来的变量(图片路径)

        // 初始化的时候 如果有值 则赋值 如果没值 则需要进行默认值赋值
        dom.src = dom.src || options.value

        // 当图片有地址 但是图片没有家宅成功的时候 会报错 会触发图片的一个时间 => onerror
        dom.onerror = function () {
            // 如果图片路径出现异常(显示不出来) 就替换成默认图片
            dom.src = options.value
        }
    },
    // 该函数痛inserted 一样也是一个钩子函数
    componentUpdated(dom, options) {
        // 该钩子函数会在当前指令作用的组件 更新数据完毕之后
        // inserted只会执行一次
        // 组件初始化 一旦更行就会在进入 inserted函数 会进去 componentUpdated
        dom.src = dom.src || options.value
    }
}

